<template>
	<view class="about">
		<view  @click="backButton">
			<cu-custom bgColor="bg-gradual-pink header-bg" :isBack="true" >
				<block slot="backText" >返回</block>
				<!-- <block slot="content about-content">联系我们</block> -->
			</cu-custom>
		</view>
	   <scroll-view :scroll-y="modalName==null" class="page title-top" :class="show">
		   
			<view class="cu-bar bg-white solid-bottom margin-top">
				<view class='action'>
					<text class='icon-title text-blue'></text>联系我们
				</view>
			</view>
	   	
			<view class="cu-list menu" :class="[menuBorder?'sm-border':'',menuCard?'card-menu margin-top':'']">
				
				<view class="cu-item" :class="menuArrow?'arrow':''">
					<view class="content">
						<image src="/static/wechat.png" class="png" mode="aspectFit"></image>
						<!-- <text class="text-grey">客服微信</text> -->

					</view>
					<view class="action">
						<text class="text-grey text-sm" >bsatoshi_com</text>
					</view>
				</view>
				
				<view class="cu-item" :class="menuArrow?'arrow':''">
					<view class="content">
						<image src="/static/twitter.png" class="png" mode="aspectFit"></image>
						<!-- <text class="text-grey">Twitter</text> -->
					</view>
					<view class="action">
						<text class="text-grey text-sm" @click="openBrowser('https://twitter.com/meng535101602')">twitter.com/meng535101602</text>
					</view>
				</view>
				
				<view class="cu-item" :class="menuArrow?'arrow':''">
					<view class="content">
						<image src="/static/facebook.png" class="png" mode="aspectFit"></image>
						<!-- <text class="text-grey">Facebook</text> -->
					</view>
					<view class="action">
						<text class="text-grey text-sm" @click="openBrowser('https://facebook.com/btxiaobai')">facebook.com/btxiaobai</text>
					</view>
				</view>
				
				<view class="cu-item" :class="menuArrow?'arrow':''">
					<view class="content">
						<image src="/static/weibo.png" class="png" mode="aspectFit"></image>
						<!-- <text class="text-grey">Weibo</text> -->
					</view>
					<view class="action">
						<text class="text-grey text-sm"  @click="openBrowser('https://weibo.com/bsatoshi')">https://weibo.com/bsatoshi/</text>
					</view>
				</view>
				
				<view class="cu-item" :class="menuArrow?'arrow':''">
					<view class="content">
						<image src="/static/email.png" class="png" mode="aspectFit"></image>
						<!-- <text class="text-grey">Email</text> -->
					</view>
					<view class="action">
						<text class="text-grey text-sm">jimizhan@bsatoshi.net</text>
					</view>
				</view>
	   		
			</view>
	   </scroll-view>
     
	</view>
	
</template>

<script>
	export default {
		data() {
			return {
				modalName: null,
				menuBorder: true,
				menuArrow: false,
				menuCard: true,
			};
		},
		methods: {
			openBrowser(url){  
				plus.runtime.openURL(url)  
			}, 
			backButton(){  
				uni.reLaunch({
					url: '/pages/ucenter/ucenter'
				});
            }, 
		}
	}
	
</script>

<style>
	/* @import "../../common/uni.css"; */
	page,
	view {
		display: flex;
	}

	page {
		min-height: 100%;
		background-color: #FFFFFF;
	}
	
	.about{
		flex-direction: column;
		flex: 1;
		margin-top:100upx;
	}
	.header-bg{
		height: 120upx;
		padding-top:70upx;
		width:100%;
	}
	.title-top{
		margin-top:30upx;
	}
	
</style>
